<template>
  <div id="post-list">
    <PostListItem v-for="post in posts" :key="post.path" :post="post"></PostListItem>
  </div>
</template>
<script>
import PostListItem from './PostListItem'

export default {
  name: 'PostList',
  components: {PostListItem},
  props: ['posts']
}
</script>
<style lang="less">
  #post-list:empty:after {
    content: 'Nothing found here';
    font-size: 2rem;
    color: #888;
  }
</style>
